<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 无序列表 -->
     <ul type="circle">
        <li>香蕉</li>
        <li>西瓜</li>
        <li>苹果</li>
     </ul>
     <!-- 有序列表 -->
      <ol type="I">
        <li>鱼香肉丝</li>
        <li>香辣肉丝</li>
        <li>瓦利西瓦</li>
      </ol>

      <!-- 无序列表嵌套 -->
       <div>
        <ul>
            <li>
                <p>

                </p>
            </li>
        </ul>
       </div>
       <!-- 自定义列表 -->
        <dl>
            <dt>
                <a href="">哈哈</a>
            </dt>
            <dd>嘿嘿</dd>
            <dd>学习</dd>
            <dd>嗯嗯</dd>
        </dl>

</body>
</html>